<template>
  <div class="not-find-content">
    <van-empty
        class="custom-image"
        :image="notfind"
        description="没有内容了!"
      >
      <!-- <van-button round type="danger" class="bottom-button" @click="goBack">返回首页</van-button> -->
      <p style="padding:10px;text-align:center;font-size:14px;color:#888;" v-if="alert">{{alert}}</p>
  </van-empty>
</div>
</template>

<script>
import notfind from "@/assets/img/notfind.png";
import {Empty,Button} from "vant";
export default {
  props:['callback'],
  props:{
    alert:{
      type:String,
      default:''
    }
  },
  components: {
    [Button.name]: Button,
    [Empty.name]: Empty,
  },
  data() {
    return {
      notfind: notfind
    };
  },
  methods: {
    goBack(){
      this.$router.push({path:'/'})
    }
  },
};
</script>

<style lang="less">
 .not-find-content{
    padding-top:6%;
    display: flex;
    justify-content: center;
  }
  .custom-image{
    width: 500px;
    height: auto;
  }
</style>
